{extend name="./template/xianglin/list.htm" /}
{block name="listgg"}{$label.listbg|default=""}{/block}
{block name="listlx"}{/block}
{block name="largemb"}
<div class="layout fex-column fex-items-c pad-l20 pad-r20 lar-bg-cont" style="background-color: rgba(255,255,255,0.7);">
    <div class="cx-fex-c fex-column fex-items-c art-duli-bt">
        <h3 style="font-size: 2.4rem;">{$parts.title}</h3>
        <span>CONTACT Us</span>
    </div>
    <div class="layout fex-column art-gsjs-cont">
        <h3 class="t-18">香霖展览展示</h3>
        <ul class="art-gsjs-cont">
            <li class="mb-5">
                <div class="cx-fex-l">
                    地址：上海市金山区朱泾镇临源街750号5幢196H
                </div>
            </li>
            <li class="mb-5">
                <div class="cx-fex-l">
                    邮编：200000
                </div>
            </li>
            <li class="mb-5">
                <div class="cx-fex-l">
                    手机：13333333333
                </div>
            </li>
            <li class="mb-5">
                <div class="cx-fex-l">
                    邮箱：abcdef@163.com
                </div>
            </li>
        </ul>
        <div id="container" class="mapzy lianxi-map mt-20"></div>
    </div>
</div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=7fc8d8fde10c6dfdb01563da138a7c80&plugin=AMap.AdvancedInfoWindow"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<script type="text/javascript">
    var lnglat = [121.1633,30.900067];
    var map = new AMap.Map('container', {
        resizeEnable: true,
        center: lnglat,
        zoom: 13,

    });
    var marker = new AMap.Marker({
        position: lnglat,
        draggable:true, //点标记可拖拽
        cursor:'move', //鼠标悬停点标记时的鼠标样式
        offset: new AMap.Pixel(-13, -30)
    });
    marker.setMap(map);
    var content='<div class="info-title">上海香霖展览展示有限公司</div><div class="info-content">' +
        '<img class="img-responsive info-img" src="/images/xianglin/imgs/logo.png">' +
        '上海香霖展览展示有限公司，是一家集展台设计、制作、搭建及营销策划活动于一体的综合性展览服务机构...<br/>' +
        '</div>';
    var  infowindow = new AMap.AdvancedInfoWindow({
        // isCustom: true,  //使用自定义窗体
        content: content,
        autoMove: true,
        offset: new AMap.Pixel(0, -30),
        // placeSearch: true,
    });
    infowindow.open(map,lnglat);
    AMap.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker.getPosition());
    });
</script>
{/block}